li{
    list-style: none;
}
.mycenter{
    width: 100%;
    height: 100vh;
}
.me{
    width: 100%;
    height: 92%;
    position: absolute;
    top: 0;
    z-index: 99;
    display: flex;
    overflow: auto;
    flex-direction: column;
}
.bgm{
    width: 100%;
    height: 92vh;
    position: absolute;
    top: 0;
    background:#faf7f7;
}
.bgmtop{
    height: 25%;
    width: 100%;
    background: #31ad27;
    border-bottom-left-radius: 30%;
    border-bottom-right-radius: 30%; 
}
.me-header{
    width: 100%;
    height: 8vh;
    color: #fff;
    display: flex;
    justify-content: space-between;
}
.me-header>span{
    width: 20%;
    display: block; 
    line-height: 8vh;
    text-align: center;
    border-bottom: 1px solid #fff;
}
.me-section{
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: auto;
}
.me-section>div:nth-of-type(1){
    width: 90%;
    height: 22%;
    background: #fff;
    margin: 0 auto;
}
.me-section>div:nth-of-type(1) ul{
    padding-top: 2vh;
    height: 85%;
    padding-bottom: 5vh;
}
.me-section>div:nth-of-type(1) li{
    display: flex;
    justify-content: space-around;
    height: 50%;
    line-height: 8vh;
}
.me-section>div:nth-of-type(1) li span{
    width: 33.3%;
    text-align: center;
}
.me-section>div:nth-of-type(1) li a{
    width: 33.3%;
    text-align: center;
    color: #333;
    line-height: 10vh;
}
.me-section>div:nth-of-type(1) li>.touxiang{
    width: 19%;
    border: 1px solid #000;
    border-radius: 50%;
}
.me-section>div:nth-of-type(1) li>.renz{
    background: orange;
    width: 20%;
    height: 3vh;
    line-height: 3vh;
    margin-top: 2.5vh;
    border-bottom-left-radius: 15%;
    border-top-left-radius: 15%; 
    
}
.me-section>div:nth-of-type(2),.me-section>div:nth-of-type(3),.me-section>div:nth-of-type(4),.me-section>div:nth-of-type(5),.me-section>div:nth-of-type(6){
    width: 90%;
    margin: 0 auto;
    background: #fff;
    margin-top: 2vh;
}
.me-section>div:nth-of-type(2) ul,.me-section>div:nth-of-type(3) ul,.me-section>div:nth-of-type(4) ul,.me-section>div:nth-of-type(5) ul,.me-section>div:nth-of-type(6) ul{
    height: 14vh;
}
.me-section>div:nth-of-type(2) li,.me-section>div:nth-of-type(3) li,.me-section>div:nth-of-type(4) li,.me-section>div:nth-of-type(5) li{
    height: 50%;
    line-height: 7vh;
    display: flex;
    justify-content: space-between;
    padding: 0 3%;
    background: #fff;
}